<template>
  <div class="myborder">
    <Myheader
      :src="src"
      data="教学成果"
      :change="change"
      :show="true"
    ></Myheader>
    <Mytitle title="学习效果"></Mytitle>
    <Semicircle
      :char3="char3"
      :char4="char4"
      :num2="num2"
      :num1="num1"
      :style="{ marginBottom: '24px' }"
    >
    </Semicircle>
    <Mytitle title="测评次数"></Mytitle>
    <Userchar :data="char1.filter((e) => e.type === '测评次数')"></Userchar>
    <Mytitle title="观看视频数"></Mytitle>
    <Userchar :data="char1.filter((e) => e.type === '观看视频数')"></Userchar>
  </div>
</template>

<script setup lang="ts">
import Userchar from "../../datachar/userchar.vue";
import Myheader from "../../myheader.vue";
import Mytitle from "../../mytitle.vue";
import Teamhome from "../../datachar/teamhome.vue";
import Semicircle from "../../Semicircle.vue";
import chart2Vue from "../../../components/antv/chart2.vue";
import { IDate } from "../../../interface";
const src =
  "https://cdn-hterobot.oss-cn-qingdao.aliyuncs.com/JOY/kexuezhongxin/icon_jiaoxuechengguo.png";

defineProps<{
  char1: IDate[];
  char2: IDate[];
  char3: number;
  char4: number;
  num1: number;
  num2: number;
  char5: IDate[];
  char9: IDate[];
  data5: any[];
}>();

const change = () => {};
</script>
